<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
	<head>
   		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>控件</title>
        <link href="../../py/resources/share/control/core.css" rel="stylesheet" type="text/css" />
		<link href="../../py/resources/default/control/core.css" rel="stylesheet" type="text/css" />
		<link href="../../py/resources/share/control/shadow.css" rel="stylesheet" type="text/css" />
		<link href="../../py/resources/default/control/shadow.css" rel="stylesheet" type="text/css" />
		<link href="../../py/resources/share/button/menu.css" rel="stylesheet" type="text/css" />
        <link href="../../py/resources/default/button/menu.css" rel="stylesheet" type="text/css" />
		
        <script src="../../py/system.js" type="text/javascript"></script>
		<script src="../../py/system/dom/element.js" type="text/javascript"></script>
		<script src="../../py/system/fx/base.js" type="text/javascript"></script>
		<script src="../../py/system/fx/animate.js" type="text/javascript"></script>
		<script src="../../py/system/data/collection.js" type="text/javascript"></script>
		<script src="../../py/system/controls/control.js" type="text/javascript"></script>
		<script src="../../py/system/controls/surround.js" type="text/javascript"></script>
		<script src="../../py/system/controls/icontainercontrol.js" type="text/javascript"></script>
		<script src="../../py/system/controls/contentcontrol.js" type="text/javascript"></script>
		<script src="../../py/system/controls/itargetedcontrol.js" type="text/javascript"></script>
		<script src="../../py/system/controls/listcontrol.js" type="text/javascript"></script>
		<script src="../../py/system/controls/shadow.js" type="text/javascript"></script>
		<script src="../../py/system/controls/menu.js" type="text/javascript"></script>
		<script src="../../py/system/controls/contextmenu.js" type="text/javascript"></script>
		
		<script src="../../common/project/project.js" type="text/javascript"></script>
		<script src="../../common/assets/scripts/default.js" type="text/javascript"></script>
		<script src="../../common/assets/scripts/debug.js" type="text/javascript"></script>
		
	</head>

<body>
    
	<div class="x-menu">
		<a class="x-menu-handle-top"></a>
		<ul class="x-list-container x-menu-container">
			<li class="x-list-content x-menu-content">
				<a class="x-menu-item"><span class="x-icon x-icon-selected"></span>内容内容试试试试试试
				</a>
			</li>
			<li class="x-list-content x-menu-content x-active"><a class="x-menu-item x-menu-item-arrow"><span class="x-icon"></span>内容啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</a></li>
			<li class="x-list-content x-menu-content"><a class="x-menu-item  x-disabled"><span class="x-icon"></span>内容</a></li>
			<li class="x-list-content x-menu-content"><a class="x-split"></a></li>
			<li class="x-list-content x-menu-content">344</li>
		</ul>
		<a class="x-menu-handle-bottom"></a>
	</div>
	
	
	任意位置右击
	<script type="text/javascript">
	    
	
	


		menu = new ContextMenu({
			
			controls: [
				new MenuItem({
					text: "命令",
					subMenu: new Menu({
						
						controls: [
							new MenuItem({
								text: "命令",
								subMenu: new Menu({
									
									controls: [
										new MenuItem({
											
											text: "命令",
											
											onclick: function(){
												alert('OK');
											}
										}),
										new MenuItem({
											
											text: "命令",
											
											onclick: function(){
												alert('OK');
											}
										})
									]
									
									
								})
							}),
							
							new MenuItem({
											
											text: "命令",
											
										subMenu: new Menu({
									
									controls: [
										new MenuItem({
											
											text: "命令",
											
											onclick: function(){
												alert('OK');
											}
										}),
										new MenuItem({
											
											text: "命令",
											
											onclick: function(){
												alert('OK');
											}
										})
									]
									
									
								})
										})
						]
						
					})
				}),
				
				new MenuItem({
					text: "命令",
					onclick: function(){
						alert('OK');
					}
				}),
				
				new MenuItemSeperator(),
				
				new MenuItem({
					text: "命令",
					onclick: function(){
						alert('OK');
					}
				})
			]
			
		}).setControl(document);

	
	        
    </script>
</body>
</html>
